<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 在网页中引入axios的js文件 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
</head>
<body>
    <h1>axios的基本使用</h1>
    
    <script>
        // 通过上面的axios.min.js的引入，下面就可以直接使用 axios

        // 通过axios发送一个get请求 http://localhost:3000/stu加载学员信息
        const ob = axios({
            method: "get",
            url: "http://localhost:3000/stu",
        });
        // 直接输出axios（）函数的执行结果，发现返回数据类型为promise对象
        console.log(ob);

        // 所以我们使用promise处理
        ob.then(value => {
            console.log(value);
            // 从中获取响应的数据信息
            value.data.forEach(item => {
                console.log(item.name, item.sex, item.age, item.classid);
            }) 
        }).catch(reason => {
            console.log("Ajax请求失败", reason);
        });
    </script>

</body>
</html>